import React, { memo } from "react";
import { DownLoadWrap } from "./style";

export default memo(function Download() {
  return (
    <DownLoadWrap>
      <div className="dl-wrap">
        <div className="dl-method">
          <div className="method-box">
            <div className="method-text">在电脑上听</div>
            <i className="comp-pic"></i>
            <div className="method-xz">
              <i className="mac-app"></i>
              <i className="windows"></i>
            </div>
            <div className="downbtn">下载电脑端</div>
          </div>
          <div className="mleft method-box">
            <div className="method-text">在手机上听</div>
            <i className="phone-pic"></i>
            <div className="method-xz">
              <i className="apple-store"></i>
              <i className="android"></i>
            </div>
            <div className="downbtn">下载手机端</div>
          </div>
        </div>
      </div>
      <div className="ds-div">
        <div className="smdiv">
          <div className="ds-content">
            <div className="ds-text">
              <h3>千万曲库 首首CD音质</h3>
              <p>
                囊括百万无损SQ音乐，你在用手机听歌时，
                <br />
                也能感受到纤毫毕现的CD音质，更能免费离线收听
              </p>
            </div>
          </div>
          <i className="xz1"></i>
        </div>
      </div>
      <div className="ds-div os">
        <div className="smdiv">
          <i className="xz1 xz2"></i>
          <div className="ds-content">
            <div className="ds-text">
              <h3>千位明星 亲自推荐音乐</h3>
              <p>
                韩红，戴佩妮等千位明星已入驻，亲自创建私房歌单，录制独
                <br />
                家DJ节目，推荐他们心中的好音乐
              </p>
            </div>
          </div>
        </div>
      </div>
      <div className="ds-div">
        <div className="smdiv">
          <div className="ds-content">
            <div className="ds-text">
              <h3>社交关系 发现全新音乐</h3>
              <p>
                你可以关注明星、DJ和好友，通过浏览他们的动态、收藏和
                <br />
                分享，发现更多全新好音乐
              </p>
            </div>
          </div>
          <i className="xz3"></i>
        </div>
      </div>
      <div className="ds-div os">
        <div className="smdiv">
          <i className="xz1 xz4"></i>
          <div className="ds-content">
            <div className="ds-text">
              <h3>手机电脑 歌单实时同步</h3>
              <p>
                只要一个帐号，你就可以同步在手机、电脑上创建、收藏
                <br />
                的歌单，随时随地畅享好音乐
              </p>
            </div>
          </div>
        </div>
      </div>
      <div className="ds-div">
        <div className="smdiv fives">
          <div className="ds-content">
            <div className="ds-text">
              <h3>听歌识曲 助你疯狂猜歌</h3>
              <p>
                歌曲很动听却不知道歌名，歌名在嘴边却想不起来……
                <br />
                用听歌识曲功能，几秒钟就知道歌名
              </p>
            </div>
          </div>
          <i className="xz5"></i>
        </div>
      </div>
    </DownLoadWrap>
  );
});
